.header {
    background-color: #ffffff;
    padding: .34rem .5rem .24rem .5rem;
}

.header .back {
    width: .18rem;
    height: .34rem;
    float: left;
}

.header .back img {
    width: 100%;
    height: 100%;
}

.header .title {
    float: left;
    font-size: .4rem;
    padding: 0 0 0 2.36rem;
}

.header .menu {
    float: right;
    width: .48rem;
    height: .48rem;
}

.header .menu img {
    width: 100%;
    height: 100%;
}

.product-img {
    width: 100%;
    height: 4.5rem;
    position: relative;
}

.product-img img {
    width: 100%;
    height: 100%;
}

.product-img .info {
    position: absolute;
    left: 2.26rem;
    bottom: .24rem;
}

.product-img .info img {
    display: inline-block;
    color: #ffffff;
    width: .793rem;
}

.product-img .info img:nth-child(2) {
    margin: 0 .3rem;
}

.product-info {
    padding: .32rem .5rem 0 .5rem;
}

.product-info .title {
    font-size: .28rem;
    color: #1a1a1a;
    margin-bottom: .36rem;
}

.product-info .subitem {
    margin-bottom: .54rem;
}

.product-info .subitem .ref-price {
    font-size: .26rem;
    color: #333333;
    margin-right: .4rem;
}

.product-info .subitem .ref-price span {
    font-size: .34rem;
    color: #cc0000;
}

.product-info .subitem .on-sale {
    font-size: .26rem;
}

.product-info .subitem .on-sale span:first-child {
    display: inline-block;
    width: 1rem;
    text-align: right;
    color: #666666;
    font-size: .22rem;
    margin-right: .36rem;
    background: url(../img/jd.png) no-repeat left center;
    background-size: .38rem .34rem;
}

.product-info .subitem .on-sale span:last-child {
    display: inline-block;
    width: 1rem;
    text-align: right;
    color: #666666;
    font-size: .22rem;
    background: url(../img/tm.png) no-repeat left center;
    background-size: .38rem .34rem;
}

.product-info .compare {
    width: 100%;
    margin-bottom: .5rem;
}

.product-info .compare a {
    display: inline-block;
    border-radius: .2rem;
    width: 5.19rem;
    height: .9rem;
    margin-left: .65rem;
}

.product-info .compare a img {
    width: 100%;
    height: 100%;
}

.option .option-nav li {
    float: left;
}

.option .option-nav {
    padding: 0 .3rem .26rem .2rem;
    border-bottom: 2px solid #b1b1b1;
}

.option .option-nav li:nth-child(2) {
    padding: 0 .58rem;
}

.option .option-nav li:nth-child(3) {
    padding-right: .58rem;
}

.option .option-nav li a {
    color: #4d4d4d;
    font-size: .26rem;
}

.option .option-nav li.active a {
    color: #cc0000;
}

.option .option-content {
    width: 6.5rem;
    height: 2.7rem;
    /* border: 2px dashed #cc0000; */
    margin: .26rem 0 0 0;
}

.option-content .score-option {
    border: 2px dashed #cc0000;
    padding: .34rem 0 .32rem 0;
    margin-bottom: .3rem;
}

.score {
    margin: .34rem 0 .34rem .14rem;
}

.score .score-left {
    float: left;
    text-align: center;
}

.score .score-left h3 {
    font-size: .3rem;
    color: #cc0000;
}

.score .score-left div {
    width: 1.1rem;
    height: .2rem;
}

.score .score-left div img {
    width: 100%;
    height: 100%;
}

.score .score-left span {
    display: inline-block;
    font-size: .2rem;
    color: #808080;
    padding-top: .18rem;
}

.score .score-right {
    float: left;
    margin-top: -.1rem;
}

.score .score-right .circular {
    position: relative;
    height: 1.2rem;
    width: .8rem;
    float: left;
    margin: 0 .22rem 0 0;
    text-align: center
}

.score .score-right .circular:last-child {
    margin-right: none;
}

.score .score-right .circular svg {
    -webkit-transform: rotate(-0.05deg);
    transform: rotate(-0.05deg);
}

.score .score-right .circular svg circle {
    -webkit-transition: stroke-dasharray .25s;
    transition: stroke-dasharray .25s;
}

.score .score-right .circular .red {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: .7rem;
    top: 0;
    left: 0;
    font-size: .22rem;
}

.score .score-right .circular span {
    display: inline-block;
    font-size: .18rem;
    width: 100%;
}

.say .say-left {
    float: left;
    font-size: .2rem;
    color: #333333;
    padding-left: .2rem;
}

.say .say-right {
    float: left;
}

.say .say-right span {
    float: left;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    background-color: #cc0000;
    font-size: .16rem;
    text-align: center;
    border: 2px solid #960000;
    color: #7a0000;
    margin-right: .1rem;
    margin-bottom: .1rem;
}

.say .say-right .good span:last-child {
    margin-right: none;
}

.say .say-right .bad span {
    display: inline-block;
    padding: 0 .08rem;
    height: .3rem;
    line-height: .3rem;
    background-color: #fec774;
    font-size: .16rem;
    text-align: center;
    border: 2px solid #cb9e59;
}

.user {
    line-height: .8rem;

}

.user-avatar {
    float: left;
    width: .8rem;
    height: .8rem;
    margin-right: .24rem;
}

.user-avatar img {
    width: 100%;
    height: 100%;
}

.user-name {
    float: left;
    font-size: .28rem;
    margin-right: 2.72rem;
    color: #666666;
}

.user-stars {
    float: left;
    width: 1.1rem;
    height: .2rem;
}

.user-stars img {
    width: 100%;
    height: 100%;
}

.user span {
    color: #cc0000;
    font-size: .24rem;
    margin-left: .1rem;
}

.eva-item .text {
    color: #333333;
    font-size: .26rem;
    line-height: .42rem;
    padding-bottom: .56rem;
    padding-top: .28rem;
    border-bottom: 2px solid #f2f2f2;
}

.eva-item {
    margin-bottom: .38rem;
}